<!DOCTYPE HTML>
<html>
	<head>
		<title>电子名片（vcard）- kuapingUI-跨屏UI框架</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/main-green.css"/>
		<meta charset="UTF-8"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="subpages" >

            <!-- Home Subpage -->
            <section class="pt-page pt-page-current" data-id="home">
              <div class="section-inner start-page-content">
                <div class="page-header">
                  <div class="row">
                    <div class="col-sm-4 col-md-4 col-lg-4">
                      <div class="photo">
                        <img src="images/photo.png" alt="">
                      </div>
                    </div>

                    <div class="col-sm-8 col-md-8 col-lg-8">
                      <div class="title-block">
                        <h1>跨屏UI</h1>
                         <div class="sp-subtitle">Bootstrap 3.x 大组件框架</div>
                      </div>

                      <div class="social-links">
                        <a href="#">
                        	<svg t="1617846204845" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2006" width="48" height="48"><path d="M154.294857 460.580571c-3.986286-9.728-4.571429-19.419429-4.571428-29.696 0-16.018286 10.276571-41.728 20.004571-53.723428-0.585143-14.848 5.705143-45.129143 17.152-54.857143 0-105.728 81.700571-238.848 177.152-284.562286C422.875429 9.728 484.608 0.036571 549.193143 0.036571c50.285714 0 105.142857 11.995429 151.990857 31.414858 134.290286 56.576 164.571429 161.718857 193.133714 296.009142l0.585143 2.852572c16.566857 25.161143 31.414857 54.857143 31.414857 85.723428 0 15.433143-10.276571 30.866286-10.276571 44.580572 0 1.133714 3.437714 5.705143 3.986286 6.838857 49.152 72.557714 93.696 151.442286 93.696 241.700571 0 20.004571-10.861714 89.709714-42.861715 89.709715-22.272 0-46.848-54.272-54.857143-69.156572-0.585143-0.585143-1.133714-0.585143-1.718857-0.585143l-2.852571 2.304c-18.285714 47.433143-38.290286 92.013714-75.446857 127.414858 32.585143 31.414857 85.138286 28.562286 94.866285 82.870857-2.852571 6.290286-1.718857 13.129143-6.290285 19.419428-32.585143 49.152-119.990857 55.442286-172.580572 55.442286-69.705143 0-126.281143-18.285714-192-37.705143-13.714286-3.986286-34.304-1.718857-49.152-3.437714C475.977143 1013.723429 390.838857 1024 341.686857 1024c-43.446857 0-211.419429-2.852571-211.419428-77.129143 0-32 6.838857-41.142857 29.147428-61.696 17.700571-3.437714 30.866286-13.129143 51.419429-14.299428 2.852571 0 5.156571-0.585143 8.009143-1.133715 0.585143-0.585143 1.133714-0.585143 1.133714-2.304l-1.133714-1.718857c-39.424-9.142857-94.866286-108.580571-103.424-149.723428l-2.852572-1.718858c-3.986286 0-5.705143 8.557714-6.838857 11.446858-12.580571 29.147429-42.276571 60.562286-75.446857 64H29.696c-4.571429 0-2.852571-4.571429-6.290286-5.705143-8.009143-18.870857-13.129143-35.986286-13.129143-57.161143 0-114.285714 54.857143-198.838857 144.018286-266.276572z" fill="" p-id="2007"></path></svg>
                        </a>
                        <a href="#">
                        	<svg t="1617846395526" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2471" width="48" height="48"><path d="M325.456896 862.27968" p-id="2472"></path><path d="M882.05824 862.27968" p-id="2473"></path><path d="M236.027904 877.161472" p-id="2474"></path><path d="M960.132096 877.161472" p-id="2475"></path><path d="M63.683584 788.737024" p-id="2476"></path><path d="M958.46912 788.737024" p-id="2477"></path><path d="M28.635136 877.005824" p-id="2478"></path><path d="M741.045248 423.918592c7.530496 12.516352 14.050304 29.413376 17.032192 44.0576l5.00736 24.522752c1.637376 7.989248 2.221056 15.98976 3.505152 24.036352 2.221056 13.986816 3.504128 30.03904 3.504128 41.55392l-69.07904 6.007808c0.479232-11.51488-0.292864-28.578816-2.514944-42.556416-1.282048-8.046592-1.688576-16.57856-3.504128-25.037824l-4.5056-21.015552c-2.930688-13.664256-8.010752-31.041536-15.519744-52.575232L741.045248 423.918592z" p-id="2479"></path><path d="M564.335616 413.9008c8.008704 14.524416 13.48608 32.55296 17.512448 48.063488 2.471936 9.516032 5.037056 18.445312 6.018048 27.029504l2.994176 26.544128c1.763328 15.556608 3.504128 33.038336 3.504128 45.554688l-71.593984 6.508544c1.514496-13.518848-0.32256-31.561728-2.49344-47.062016-1.334272-9.542656-2.023424-18.023424-3.504128-27.541504-1.021952-6.5024-2.2528-14.574592-4.5056-23.02464-3.765248-14.086144-8.510464-34.038784-16.021504-57.56928L564.335616 413.9008z" p-id="2480"></path><path d="M97.224704 573.60896c0 214.281216 185.240576 388.006912 413.028352 388.006912 228.298752 0 414.031872-173.725696 414.031872-388.006912 0-213.773312-185.73312-388.497408-414.031872-388.497408-62.06976 0-187.74528-100.130816-224.78336-118.665216-56.073216-28.036096-4.965376 183.118848-31.541248 202.765312C157.845504 340.195328 97.224704 449.447936 97.224704 573.60896z" p-id="2481"></path><path d="M991.883264 877.005824" p-id="2482"></path></svg>
                        </i></a>
                        <a href="#">
                        	<svg t="1617846417354" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3307" width="48" height="48"><path d="M308.73856 119.23456C23.65696 170.15296-71.37024 492.23936 155.392 639.66464c12.43392 7.99232 12.43392 7.104-6.21824 62.76096l-15.98464 47.65952 57.43104-30.784 57.43104-30.78656 30.49216 7.40096c31.96928 7.99232 72.82432 13.61664 100.0576 13.61664l16.28416 0-5.62688-21.61152c-44.70016-164.5952 109.82912-327.71072 310.8352-327.71072l27.2384 0-5.62432-19.53792C677.59616 186.43456 491.392 86.67136 308.73856 119.23456zM283.87072 263.40352c30.1952 20.4288 31.97184 64.5376 2.95936 83.48416-47.06816 30.78656-102.1312-23.38816-70.45632-69.57056C230.28736 256.59648 263.74144 249.78688 283.87072 263.40352zM526.62016 263.40352c49.73568 33.45408 12.43392 110.71744-43.22304 89.40288-40.25856-15.39328-44.99712-70.75072-7.40096-90.5856C490.79808 254.22848 513.88928 254.81984 526.62016 263.40352zM636.44928 385.37216c-141.2096 25.7536-239.19872 132.91776-233.57184 256.06656 7.40096 164.89472 200.71168 278.56896 386.32448 227.65312l21.90592-5.92128 46.1824 24.8704c25.4592 13.9136 46.77376 23.97696 47.36512 22.79168 0.59392-1.47968-4.43648-19.24352-10.95168-39.6672-14.79936-45.59104-15.09632-42.33472 4.73856-56.54272C1121.64864 654.464 925.67552 332.97408 636.44928 385.37216zM630.82496 518.28992c12.4288 8.28928 18.944 29.01248 13.61408 44.1088-11.24864 32.26624-59.49952 34.63424-72.52992 3.55328C557.10976 530.13248 597.9648 496.97536 630.82496 518.28992zM828.57472 521.84576c19.53792 18.64704 16.2816 50.32448-6.51264 62.16448-34.93376 17.76128-71.63904-17.76128-53.58336-51.80416C780.32128 510.2976 810.81344 504.97024 828.57472 521.84576z" p-id="3308"></path></svg>
                        	
                        </a>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="page-content">
                  <div class="row">

                    <div class="col-sm-6 col-md-6 col-lg-6">
                      <div class="about-me">
                        <div class="block-title">
                          <h3>关于 <span>跨屏UI</span></h3>
                        </div>
                        <p>如果说Boostrap提供了一个可靠的网页元素UI组件，来构建一个网页，那么跨屏UI框架，则在bootstrap基础上提供了更为完整的网页组件，例如“关于我们”、“联系我们”，“相册”，“产品”等等组件。</p>
                      </div>
                      <div class="download-resume">
                        <a href="https://gitee.com/kuapingwang/kuapingUI" class="btn btn-secondary" target="_blank">立即下载</a>
                      </div>
                    </div>

                    <div class="col-sm-6 col-md-6 col-lg-6">
                      <ul class="info-list">
                        <li><span class="title">年龄</span><span class="value">31</span></li>
                        <li><span class="title">职位</span><span class="value">前端开发</span></li>
                        <li><span class="title">地址</span><span class="value">湖北武汉</span></li>
                        <li><span class="title">电子邮件</span><span class="value"><a href="mailto:email@example.com">kuapingwang@qq.com</a></span></li>
                        <li><span class="title">电话</span><span class="value">+027-81777732</span></li>
                        <li><span class="title">兴趣爱好</span><span class="value available">看书、看电影</span></li>
                      </ul>
                    </div>

                  </div>
                </div>
              </div>
            </section>
            <!-- End of Home Subpage -->

            <!-- Resume Subpage -->
            
            <!-- End of Resume Subpage -->


            <!-- Services Subpage -->
            
            <!-- End of Services Subpage -->


            <!-- Portfolio Subpage -->
            
            <!-- /Portfolio Subpage -->

            <!-- Blog Subpage -->
            
            <!-- /Blog Subpage -->

            <!-- Contact Subpage -->
            
            <!-- End Contact Subpage -->

          </div>
	</body>
</html>